<template>
    <view>
        <view>
            <van-tabs animated :active="active" @change="onChange">
                <van-tab title="待付款">
                    <view>待付款</view>
                </van-tab>
                <van-tab title="待发货">待发货</van-tab>
                <van-tab title="待收货">待收货</van-tab>
                <van-tab title="已完成">已完成</van-tab>
            </van-tabs>
        </view>
    </view>
</template>
<script>
export default {
    data(){
        return{
            active: 0,
        }
    },
    methods:{
        onChange(event){
            uni.showToast({
                title: `切换到${event.detail.title}`,
                icon: 'none',
            });
        }
    }
}
</script>
<style scoped>
    
</style>